<template>
	<view class="content">
		<image class="bj" src="../../static/20240906-170931.jpg" mode=""></image>
		<view class="logo">
			<image src="../../static/videoLogo.png" mode=""></image>
		</view>
		<view class="videoBox">
			<video object-fit = 'cover' src="http://bbsf.oss-cn-shanghai.aliyuncs.com/admin/202407/202407071155580130159.mp4"></video>
			<image class="videoBj" src="../../static/20240906-171602.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.content {
		width: 100vw;
		height: 100vh;
		background: url('/static/20240906-170931.jpg') 100% 100% no-repeat;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.logo{
			width: 100%;
			height: 120rpx;
			display: flex;
			justify-content: center;
			margin-top: -200rpx;
			margin-bottom: 200rpx;
			image{
				width: 60%;
				height: 80rpx;
			}
		}
		.bj{
			width: 100vw;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		
		.videoBj{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.videoBox{
			width: calc(100vw - 40rpx);
			height: 700rpx;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: flex-end;
			position: relative;
			padding: 0 30rpx 50rpx;
			box-sizing: border-box;
			margin-top: -100rpx;
			
			video{
				width: calc(100% - 60rpx);
				height: 400rpx;
				border-radius: 12rpx;
				z-index: 99999;
			}
		}
	}

	
</style>
